/**
 * @author 490501
 * @version 1.0.0.a
 * @description laster ned fra tjener fylkelist og knytter den til første select element,
 * når en velger fylke, laster den ned kommunelist fra tjener og knytter til andre select element 
 * Dependencies:
 *  Jquery 1.8.1+
 */
$(document).ready(function() {
    //sender ajax request til servlet for å få fylkelist
    $.ajax({
        type: "GET",
        url: "AjaxHandler",
        data: "mode=getfylke",
        dataType: "json",
        success: function(data) {
            $('#idSlctFylker').append('<option></option>');
            $.each(data, function(key, value) {
                $('#idSlctFylker').append('<option id=\"idFylke' + key + '\">' + value + '</option>');
            });
        },
        error: function(error) {
            //TODO håndtere feil her
        }
    });
    $('#idSlctFylker').change(function() {
        var a = $("#idSlctFylker option:selected").attr("id");
        $.ajax({
            type: "GET",
            url: "AjaxHandler",
            data: "mode=getkommune&fylkeid=" + a,
            dataType: "json",
            success: function(data) {
                $('#idSlctKommuner').children("option").remove();
                $('#idSlctKommuner').append('<option></option>');
                $.each(data, function(key, value) {
                    $('#idSlctKommuner').append('<option id=\"idKommune' + key + '\">' + value + '</option>');
                });
            },
            error: function(error) {
                //TODO håndtere feil her
            }
        });
    });

    $("#idSlctKommuner").change(function() {
        var a = $("#idSlctKommuner option:selected").attr("id");
        a = a.substring(9, a.length);
        $("#dialog-modal").dialog({
            resizable: false,
            height: 140,
            modal: true
        });
        $.ajax({
            type: "POST",
            url: "AjaxHandler",
            data: "mode=getStations&kommuneNr=" + a,
            async: false,
            success: function(data) {
                $('#idSlctWeatherStations').children("option").remove();
                $.each(data.stations,function(key,value){
                    $('#idSlctWeatherStations').append('<option>' + value.stationName + '</option>');
                });
            }
        });
        $("#dialog-modal").dialog("close");
    });
});

